<template>
<div>
        <mt-swipe :auto="4000">
          <mt-swipe-item v-for="item in list" :key="item.id"><img :src="item.imgs" height="100%" :class="{'full':isfull}"></mt-swipe-item>
        </mt-swipe>
</div>

<!-- 分析，为什么商品评论的轮播图效果不好 -->
<!-- 1.首页中的图片宽高都使用了100%的宽高 -->
<!-- 2.在商品详情页面中，轮播图的图片，如果使用100%，效果不好 ，只能使用自适应宽度-->
<!-- 3.所以可以使用isfull属性，用自定义一个类来选择是否宽度为100% -->
</template>

<script>
export default {
    data(){
        return {
            
        }
    },
    methods:{

    },
    props: ["list","isfull"]
}
</script>

<style lang="scss" scoped>
.mint-swipe{
    height:200px ;
    text-align: center;
}
.full{
    width: 100%
}
</style>


